/*自定义系列*/
.user-defined-footer{
	position: absolute;
	bottom: 0;
	height: 45px;
	width: 100%;
	background: #fff;
}
p{
	margin: 0;
	padding: 0;
}

.user-defined-header{
	position: relative;
	top: 0;
	height: 43px;
	width: 100%;
	background: #fff;
}

.user-header-style1{
	border-bottom: 1px solid #F75570!important;
}

.user-header-style1 .button {
	background-color: #fff;
	color: #666;
}

.user-header-style1 .button:active {
	background-color: #e6e6e6;
}

.user-header-style2{
	border-bottom: 1px solid #e6e6e6;
}

.user-header-style2 .button {
	background-color: #fff;
	color: #666;
}

.user-header-style2 .button:active {
	background-color: #e6e6e6;
}

/*header 上 右边加按钮*/
.bar-right-bt{
	position: absolute;
	right: 42px;
	bottom: 5px;
	top:5px;
}


.user-defined-list{
	background: #fff;
	padding: 2px 10px;
	border-bottom:1px solid #e6e6e6 ;
	border-top:1px solid #e6e6e6 ;
	margin: 0;
}

.user-defined-list .item{
	background: #fff;
	border: 0;
	padding: 0;
	min-height: 40px;
	line-height: 40px;
	border-top:1px solid #e6e6e6!important;
}

.user-defined-list2{
	background: #fff;
	padding: 0 10px;
}

.user-defined-list2 .item{
	border-left: none;
	border-right: none;
}

.user-defined-list2 .item-icon-right{
	padding: 16px 43px 16px 0;
}
.user-defined-list2 .icon{
	right: 0;
}

.user-defined-list3{
	background: #fff;
	padding: 2px 15px;
	border-bottom:1px solid #e6e6e6 ;
}

.time-line{
	padding: 0 10px;
}
.time-line .item{
	position: relative;
	padding: 0 10px;
	border:none ;
}
.time-line .item div:nth-child(2){
	margin-left: 30px;
	width: 100%;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.time-line-item{
	position: absolute;
	height: 100%;
	width: 1px;
	background: #ccc;
}

.time-line-item.active::before{
	position: absolute;
    display: block;
    content: '';
    height: 16px;
    width: 16px;
    top: 50%;
    margin-top: -5px;
    left: -7px;
    border-radius: 10px;
    background: #06B280;
}

.time-line-item::before{
    position: absolute;
    display: block;
    content: '';
    height: 11px;
    width: 11px;
    top: 50%;
    margin-top: -5px;
    left: -5px;
    border-radius: 10px;
    background: #ccc;
}

.user-defined-list3 .item{
	background: #fff;
	border: 0;
	padding: 15px 0;
	line-height: 25px;
	border-top:1px solid #e6e6e6;
}

.user-defined-list3 .item:nth-child(1){
	border-top:0;
}

.user-defined-list3 .item-note{
	margin-right: 30px;
}

.user-defined-list3 .item-icon-right .icon{
	right: 0;
}

.user-defined-list3 input[type=text]{
	margin-left: 80px;
}

.user-defined-list3  .item-icon-left .icon{
	left: 0;
}

/*垂直居中*/
.verCenter{
	
	display: -moz-box; 
    display: -webkit-box; 
    display: box; 
    
	-webkit-box-align:center;
}

.chat-list .item div{
	word-spacing: normal;
	border-radius: 15px;
	padding: 10px;
	font-size: 13px;
}


.activated{
	background: #fff!important; 
}

.chat-from-msg div{
	background: #e6e6e6;
	color: #444;
}

.chat-to-msg div{
	background: #F75570;
	color: #fff;
}


.list-item-img{
	width: 40px;
	height: 40px;
	border-radius: 40px;
}

.user-defined-list .item > div{
	height: 40px;
	line-height: 40px;
}

.user-defined-list .item:first-child{
	border-top:0px solid #e6e6e6!important;
}

.lable-row{
	display: inline-block;
}

.user-bt-group{
	margin: 0!important;
}

.user-bt-group .col{
	margin: 0;
	padding: 0;
	text-align: center;
}

.user-bt-group button{
	width: auto;
}

.user-bt-group .bt-active{
	border-bottom: 2px solid #F75570;
}

.space-linear{
	width: 100%;
	height: 1px;
	clear: both;
}

.input-list input{
	margin-left: 30px;
	width: 60%;
}
/* Empty. Add your own CSS if you like */
.store-col{
	background-color: #F6F6F6;
	border: 1px solid #A8A8A8;
	margin: 5px;
	max-width: 45%;
}



.user-defined-footer .item-input-wrapper{
	background: #fff;
}

/*slide的那个点点*/
#tab-product-nav .slider-pager-page{
	/*color: #e6e6e6;*/
	font-size: 4px;
}

#tab-product-nav .slider-pager{
	z-index: 2;
	margin-bottom: 30px;
}

.user-bt-pink{
	border-color: #F75570!important;
	background: #F75570!important;
	color: #fff!important;
}

/*瘠薄滑动框的高度   为了让点跟图片分开，比框里的展示图片要高哟~*/
#tab-product-nav .box{
	height: 200px;
}

#main-slide .slider-pager{
	bottom: 0;
}

/*轮播图片哟*/
#tab-product-nav .box-img{
	background: #009689;
	height: 180px;
	overflow: hidden;
}

#tab-product-nav .box-img img{
	width: 100%;
	height: 100%;
	
}

/*首页的那个导航哟~*/
#tab-main-nav{
	border-top: 1px solid #e6e6e6;
	border-bottom: 0px solid #e6e6e6;
	height: 75px;
	z-index: 2;
}

#tab-main-nav .col{
	position: relative;
	top:-20px;
	z-index: 2;
	background: #fff;
	
	
}

#tab-main-nav .nav-circle-label{
	padding-bottom: 10px;
}

/*首页导航的小圆形图*/
/*.tab-main-nav-item{
	position: relative;
	width:50px;
	height:50px;
	background: #e6e6e6;
	
	border-radius:50px;
	border: 1px solid #009966;
	margin: 0 auto;
	
	text-align: center;
	padding-top: 2px;
	top:-20px;
}*/


/*导航图标颜色，不一定需要颜色喔~ 看ui设计*/
/*.tab-main-nav-item .icon{
	color:#009689;
	font-size: 18px;
}


.tab-main-nav-label{
	position: relative;
	padding-top: 5px;
	color: #aaa;
	font-size: 13px;
	text-align: center;
	top:-25px;
}*/

.store-list-img{
	width: 100%;
}


/*首页的list样式*/
.product-list-full .item{
	padding: 0px;
	border: 0;
	/*border-bottom: 1px solid #f6f6f6;*/
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	background: #fff;
}

.product-list-full .item > img{
	height: 180px;
	
}

.product-list-full p{
	margin: 0px;
	color: #aaa; 
}
.product-list-full .subdued{
	color: #aaa;
	
}



.item-desc{
	position: relative;
	top:0px; 
	border: 1px solid #e6e6e6;
	border-top:0;
	padding-left: 3%;
	padding-right: 3%;
}

/*产品部分*/
.list-item-desr{
	/*text-align: center;*/
	border-bottom: 1px solid #f6f6f6;
	padding-bottom: 0px;
	padding-top: 0px;
}

.product-title{
	float: right;
}

.product-title-row{
	
}

.product-love{
	float: left;
}
.product-love .icon{
	color:#888 ;
}

.product-price{
	float: right;
}
.product-price .subdued{
	color:#CC3366;
	font-size: 17px;
}

.identi-logo .icon{
	color:#996699;
}

.list-item-icons{
	
}

.title-style-tip{
	width: 100%;
}

.title-style-tip{
	width: 100%;
	text-align: center;
	padding: 15px 0; 
}

.title-tip-red .tip-title{
	background: #F75570;
	color:#fff;
}

.title-tip-white .tip-title{
	color:#fff;
}

.title-tip-red .tip-title:before{
	border: 5px solid #F75570;
	border-color: #F75570 transparent transparent transparent;
}

.title-tip-white .tip-title{
	background: #fff;
}

.title-tip-white .tip-title:before{
	/*border: 5px solid #F75570;
	border-color: #F75570 transparent transparent transparent;*/
}

.title-tip-white .title-hr{
	background: #aaa;
}

.title-tip-white .tip-title{
	color:#aaa;
}

.title-hr{
	position: relative;
	top:10px;
	height: 1px;
	background: #F75570;
	margin-left: 8%;
	margin-right: 8%; 
	z-index: 1;
}
/*可抽离为公共css*/
.title-style-tip .tip-title {
	position: relative;
	border-radius: 3px;
	padding: 3px 15px;
	/*width: 60px;*/
	margin: 0 auto;
	text-align: center;
	z-index: 2;
	
}

.tip-title:before{
	content: "";
	width: 0;
	height: 0;
	position:absolute;
	bottom: -10px;
	left: 43%;
	
}

.ion-view{
	text-align: center;
}

.arc{
	position: absolute;
	height: 150px;
	background: #fff;
	width: 120%;
	top:145px;
	z-index: 1;
	left:-10%;
	/*margin-left: -50px;*/
	
	border-radius: 100% 100%;
	/*-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);*/
}


/*内容居中的 row  button元素并没乱用，只针对非块级元素*/
.row-center{
	text-align: center;
}

/*帮助块级元素居中  将你想居中的块级元素放进来*/
.content-center{
	margin: 0 auto;
}


/**按钮样式-------*/
.bt-style1{
	background: #fff;
	border: 1px solid #F75570;
	color: #F75570;
	padding: 0 10px;
	padding-top: 2px;
	font-size: 13px;
	margin-left: -5px;
}

.bt-active1{
	color: #fff;
	background: #F75570;
}

.bt-style2{
	border: 0;
	
	outline: none;
	background: #fff;
	font-size: 13px;
	padding: 10px 15px;
	margin: 0;
	color: #888;
}

.bt-active2{
	border-bottom: 2px solid #D51837;
	color: #D51837; 
}

.bt-style3{
	background: #F75570;
	color: #FFFFFF;
	padding: 0 10px;
	border-radius: 4px;
	font-size: 12px;
}

.bt-style4{
	color: #F75570;
	border: 1px solid #F75570;
	padding: 5px;
	border-radius: 4px;
	
}


.myrow{
	width: 100%;
}

#productList{
	margin-top: 15px;
}

.row{
	margin-bottom: 15px;
	padding: 0;
}

/*背景色*/
.bk-gray{
	background: #E6E7E9!important;
}

.bk-gray-light{
	background: #f2f2f2!important;
}

.bk-pink{
	background: #F75570;
}

.bk-xg{
	background: #D51837;
}

.bk-white{
	background: #fff;
}

/*块级内容左对齐*/
.float-left{
	float: left;
}

/*块级内容右对齐*/
.float-right{
	float: right;
}

/**两边有点距离的标题或者显示内容**/
.padding-label{
	padding: 0 3px;
}


.margin-left-10{
	margin-left: 10px;
}

/**改header下边的颜色*/
.standard .bar.bar-stable{
	border-color: #D51837;
	background: #fff;
}

.bar .bar-subheader{
	background: #fff;
	margin: 0;
	padding: 0;
}


.bar-header.bar.bar-stable{
	border-color: #D51837;
	background: #fff;
}


/**统一字 灰色*/
.padding-5{
	padding: 5px; 
}

.padding-TB-5{
	padding: 5px 0; 
}
.padding-LR-5{
	padding: 0 5px; 
}
.padding-LR-10{
	padding: 0 10px; 
}

.padding-10{
	padding: 10px; 
}

.font-center{
	text-align: center;
}

.font-color-gray{
	color:#8F8F8F!important;
}

.font-color-lightBlack{
	color:#555555!important;
}

.font-color-gray .icon{
	color:#8F8F8F;
}

.font-color-cy{
	color:#0A9DC7!important;
}

.font-color-xg{ 
	color: #D51837!important;
} 

.font-color-pink{ 
	color: #F75570!important;
} 

.font-color-pink .icon{
	color: #F75570!important;
}

.font-color-green{
	color:#06B280!important;
}

.font-size-sm{
	font-size: 11px!important;
}

.font-size-md{
	font-size: 13px!important;
}

.font-size-normal{
	font-size: 14px!important;
}


.font-size-lg{
	font-size: 16px!important; 
}

.font-size-ss{
	font-size: 9px!important; 
}

.font-size-title{
	font-size: 18px!important; 
}

/*icon样式*/
.icon-size-md .icon{
	font-size: 20px;
}


/*
 ionic row不能嵌套
 * */
/*-----------------导航类按钮--------------*/
/*淘茶页面    圆形icon上，标题下*/
.nav-circle{
	margin: 0 auto;
	width: 100%; 
}

.nav-circle-icon{
	width: 50px;
	height: 50px;
	/*background: #009966;*/
	border-radius: 50px;
	margin: 0 auto;
}

.nav-circle-icon img{
	height: 100%;
	width: 100%;
	border-radius: 100%;
	
}

.nav-circle-icon-sm{
	width: 40px;
	height: 40px;
	/*background: #009966;*/
	border-radius: 40px;
	margin: 0 auto;
}
.nav-circle-icon-sm img{
	width: 100%;
	height: 100%;
}

.nav-circle-label{
	padding-top: 5px;
	text-align: center;
	font-size: 13px;
}

.nav-circle-label-sm{
	padding-top: 2px;
	text-align: center;
	font-size: 11px;
}

/*------按钮组--------*/
.bt-group{
	width: 100%;
	padding: 10px 0;
	text-align: center;
}

.bt-group .bt-style1:first-child{
	border-top-left-radius: 4px; 
	border-bottom-left-radius: 4px;
}

.bt-group .bt-style1:last-child{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
 
/*------------间距-------------------**/ 
.margin-top-10{
	margin-top: 10px!important;
}

.margin-top-7{
	margin-top: 7px;
}


/**图文编辑区*/
.img-text-content{
	padding: 0 10px;
}


/*认证勋章*/
.identity-icons{
	display: inline-block;
	height: 100%;
}

.identity-icon{
	position: relative;
	bottom:-5px;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 20px;
}

.identity-icon img{
	width: 100%;
	height: 100%;
}

.setting-about{
	position: absolute;
	padding-top: 100px;
	width: 100%;
	height: 100%;
}

.setting-about-logo {
	text-align: center;
}

.setting-about-logo img{
	width: 60px;
	height: 60px;
	margin: 0 auto;
	border-radius: 5px;
}

.setting-about-info{
	width: 100%;
	position: absolute;
	bottom: 50px;
	text-align: center;
}

.setting-question-img{
	text-align: center;
	padding: 15px 0;
}

.setting-question-img img{
	height: 60px;
	width: 60px;
	border-radius: 60px;
}

.setting-question{
	padding: 5px 20px;
	font-weight: bold;
	color: #666;
}

.setting-answer{
	padding: 0 40px;
	color: #888;
	margin-bottom: 15px;
} 

.setting-share-title{
	text-align: center;
}

.address-list .item-content{
	padding-top: 5px;
	padding-bottom: 5px;
}

.address-list .radio-icon{
	padding-top: 5px;
	padding-bottom: 5px;
}


.user-sheet .action-sheet-option{
	padding: 0!important; 
}

.user-sheet .row{
	margin: 0;
}

.user-sheet .row:first-child{
	padding-top: 5px;
}

.user-sheet .row .col{
	padding: 0;
	margin: 0;
}

.placeholder-icon:last-child{
	
	margin-right: 20px!important;
}

.row-label{
	width: 100%;
	padding: 5px 10px;
	color: #666;
}

.no-margin{
	margin: 0;
}

.circle_img_30 {
    max-width: 30px;
    max-height: 30px;
    width: 100%;
    height: 100%;
    border-radius: 50%; 
    border: 1px solid #fff;
}

.notify-reply{
	border: 0px solid #0000FF;
	width: 100%;
}



.reply-item{
	background:#FFFFEE;
  	border:solid 1px #e6e6e6;
  	padding: 3px;
  	max-width: 100%;
  	margin-bottom: 10px;
}

.reply-item p{
	white-space: normal;
	margin: 0!important; 
}

.row_autoWarp{
	display: flex;
	-webkit-flex-flow: row wrap; 
	flex-flow: row wrap;
}

.flex-between{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
    width: 100%;
}

.row_autoWarp .col-25{
	padding-top:10px;

}

.slide-bt-group{
	background: #fff; 
	height: 45px;
	width: 100%;
	text-align: center;
}

.slide-bt-group .bt-style2{
	margin: 5px;
}

.slide-bt-group.scroll-view{
  	white-space: nowrap;
	margin:0 auto;
}

.slide-bt-group.scroll-view.scroll-x{
	overflow-x: scroll;
    overflow-y: hidden;
}

.slide-bt-group.scroll-view .scroll-bar{
	visibility:hidden;
}
.slide-bt-group.scroll-view .scroll.onscroll{
	-webkit-transition: -webkit-transform 0.3s; /* For Safari 3.1 to 6.0 */
}

.auto-warp-img .col-33{
	padding: 5px;
}



/**换图标*/
#app-tabs .tab-item .icon{
	margin-top: 7px;
	height: 22px;
}

 #app-tabs .tab-item.tab-item-active{
	color: #D51837!important;
}

 #app-tabs .tab-item.tab-item-active .activated{
	color: #D51837!important;
}

.tab-main{
    background:url(../img/tab/tea.png) no-repeat center;
    background-size: 100% 95%;
    width: 20px;
    height: 15px;
}

.tab-main-on{
    background:url(../img/tab/tea-on.png) no-repeat center;
    background-size: 100% 95%;
    width: 20px;
    height: 18px;
}

.tab-home{
    background:url(../img/tab/home.png) no-repeat center;
    background-size: 100% 95%;
    width: 20px;
    height: 18px;
}

.tab-home-on{
    background:url(../img/tab/home-on.png) no-repeat center;
    background-size: 100% 95%;
    width: 20px;
    height: 18px;
}

.tab-friends{
    background:url(../img/tab/friends.png) no-repeat center;
    background-size: 100% 95%;
    width: 20px;
    height: 18px;
}

.tab-friends-on{
    background:url(../img/tab/friends-on.png) no-repeat center;
    background-size: 100% 95%;
    width: 20px;
    height: 18px;
}

.tab-news{
    background:url(../img/tab/news.png) no-repeat center;
    background-size: 100% 95%;
    width: 20px;
    height: 18px;
}

.tab-news-on{
    background:url(../img/tab/news-on.png) no-repeat center;
    background-size: 100% 95%;
    width: 20px;
    height: 18px;
}

.tab-my{
    background:url(../img/tab/my.png) no-repeat center;
    background-size: 100% 95%;
    width: 20px;
    height: 18px;
}

.tab-my-on{
    background:url(../img/tab/my-on.png) no-repeat center;
    background-size: 100% 95%;
    width: 20px;
    height: 18px;
}
.padding-TB-10{
	padding: 10px 0;
}

.padding-TB-5{
	padding: 5px 0;
}

.panel-row{
	display: flex;
	flex-flow: row nowrap;
}
.input-50{
	padding: 10px;
	width: 50%;
}
.input-50 input[type=text]{
	width: 100%;
	border-radius: 6px;
}
.input-50 select{
	width: 100%;
	height: 34px;
	background: #FAFAFA;
	border-radius: 6px;
}

.user-list-item{
	padding: 10px;
	border-bottom: 1px solid #e6e6e6;
}

.user-list-item:last-child{
	border-bottom:0;
}

.center-h{
	margin: 0 auto;
}

.alert-img img{
	width:50px;
	height: 50px;
}
.alert-label{
	font-size: 18px;
	color: #CC3366;
	font-weight: bold;
}
.alert-content{
	font-size: 11px;
	color: #aaa;
}

.search-result-item > img {
    height: 120px;
    width: 120px;
}

.row-flex{
	display: flex;
	flex-flow: row nowrap;
}

/*王总要的  大大大大 icon  **/
.shit-big-icon::before{
	font-size: 25px!important;
}

.icon-num{
	display: flex;
    justify-content: center;
    flex-flow: row nowrap;
    font-size: 15px;
    width: auto;
    margin: 0 auto;
}

.icon-20::before{
    font-size: 20px!important;
}

.icon-15::before{
	font-size: 15px!important;
}

.icon-18::before{
	font-size: 18px!important;
}